<template>
    <div class="app-card">
        <el-card class="el-card-style">
            <div style="width: 100px; height: 100px; border: 1px solid #c0c4cc; border-radius: 10px; display: flex; align-items: center; justify-content: center; box-shadow: 0px 0px 6px rgba(0, 0, 0, .12)">
                <el-button
                    type="primary"
                    link
                    style="width: 100%; height: 100%; border-radius: 10px; font-weight: bold;"
                    @click="addBtn"
                >
                    人员信息
                </el-button>
            </div>
        </el-card>

        <!-- 添加/编辑弹窗 -->
        <employment-registration-dialog
            ref="employmentRegistrationDialog"
        />
    </div>
</template>

<script setup>
import { ref, onMounted } from 'vue'
import EmploymentRegistrationDialog from '@/components/company/EmploymentRegistrationDialog.vue'

// 变量
const employmentRegistrationDialog = ref(null)

// 函数
onMounted(() => {
})

function addBtn() {
    employmentRegistrationDialog.value.open(
        {
            tag: 'add',
            title: '人员信息'
        }
    )
}
</script>

<style lang="less" scoped>
.app-card {
    width: 100%;
    height: calc(100vh - 95px);
    padding: 5px;
}

.el-card-style {
    width: 100%;
    height: 100%;
    overflow: auto;
}
</style>
